<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="keywords"
		content="网易云音乐，音乐，播放器，网易，下载，播放，DJ，免费，明星，精选，歌单，识别音乐，收藏，分享音乐，音乐互动，高音质，320K，音乐社交，官网，移动站，music.163.com">
	<meta name="description" content="网易云音乐是一款专注于发现与分享的音乐产品，依托专业音乐人、DJ、好友推荐及社交功能，为用户打造全新的音乐生活。">
	<link rel="stylesheet" href="./font_4705900_67g5x6mv1a7/iconfont.css" />
	<title>网易云音乐歌曲详情YW</title>
	<!-- 引入歌曲详情css -->
	<link rel="stylesheet" href="./css/SongDetails.css" />
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</head>

<body>
	<div class="record-bg-bg"></div>

	<!-- 上面 -->
	<div class="top">
		<!-- 返回的吸顶 -->
		<div class="ceiling-box ">
			<div class="ceiling">
				<a href="home.html">
					<div class="esc"><span>&lt;</span>返回</div>
				</a>
				<p class="music-name"></p>
			</div>
		</div>
	</div>
	<!-- 下面的唱片 -->

	<div class="record-bg">

		<div class="music-box" style="display: none;">
			<!-- 唱针 -->
			<!-- <div class="music-needle">
				<img src="./img/needle-ip6.png" alt="" />
				<div class="blackCircle">
					<img src="./img/blackCircle.png" alt="" />
					<div class="black-img"><img src="./img/推荐歌单的默认图片.jpg" alt="" /></div>
				</div>
			</div> -->
		</div>
		<!-- 歌词 -->
		<div class="lyrics w ">
			<div class="lyrics-bpx">
				<audio id="audio" controls></audio>
				<!-- <p class="lyrics-mid">当前唱的</p> -->
			</div>
		</div>
		<!-- 唱片下面的 -->
		<div class="bottom w">
			<!-- 上面的收藏下载评论区功能按钮 -->
			<div class="function-button">
				<img src="./img/list-3.png" alt="" />
				<img src="./img/list-4.png" alt="" />
				<img src="./img/list-2.png" alt="" />
			</div>
			<!-- 进度条 -->
			<div class="progress">
				<!-- 进度条和进度条的点 -->
				<!-- <div class="progress-bar"><div class="progress-dian"></div></div> -->
				<input class="progress-input" type="range" value="0" />
			</div>
			<!-- 底下播放方式 -->
			<div class="playback-mode">
				<img src="./img/循环.png" alt="" />
				<img src="./img/pre_l.png" alt="" />
				<img class="play" src="./img/开始.png" alt="" />
				<img class="pause" src="./img/暂停.png" alt="" style="display: none;">
				<!-- 暂停 -->
				<img src="./img/pause.png" alt="" / style="display: none;">
				<img src="./img/pre_r.png" alt="" />
				<img src="./img/列表.png" alt="" />
			</div>
		</div>
	</div>
</body>

</html>
<script src="./js/jquery-1.11.1.min.js"></script>
<script src="./js/歌曲详情获取歌曲/Getmusic.js"></script>
<!-- 歌词唱片切换 -->
<script src="./js/歌曲详情页的唱片和歌词切换/musicTAB.js"></script>
<script src="./js/获取歌词/Getlyric.js"></script>